@charset "utf-8";
html{font-size: 18px;font-family:"Microsoft YaHei", Verdana, Geneva, sans-serif;}
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select{margin:0;padding:0;font-weight: normal;}
ul,li {list-style:none;}
a {text-decoration:none; display: block;color: #7a7a7a;}
em{font-style:normal;}
strong{font-weight: normal;}
img {border:none;vertical-align:top;}
table {border-collapse:collapse;}
input,textarea,select,select option {outline:none;}
textarea {resize:none;overflow:auto;}
body {font-family:"微软雅黑";margin:0 auto;}
a,input,button{-webkit-tap-highlight-color:transparent;}
.l{float: le ft;}
.r{float: right;}
html,body{width: 100%;height: 100%;}
html{background-color: #F7F7F7;}

.layui-elem-quote{background-color: #fff;height: 40px;line-height: 40px;padding: 0;border-left:0px;
position: relative;padding: 0 20px;}
.layui-elem-quote b{font-weight: normal;}
.boxs{overflow: auto;box-sizing:border-box;padding: 0 15px;}
.boxs .tableBox{background-color: #fff;padding:0 12px;}

/*修改条文*/
.contentBox{background: #f1f1f1;margin: 0 auto;position: relative;height: 100%;}
.contentLeft{float: left;width: 300px;background-color: #f1f1f1;border-right: 1px solid #d0d0d0;height: 100vh;}
#updateTitle{position: relative;}
#showE-action {width: auto;position: absolute;right: 20;top: 6px;cursor: pointer;display: block;border: 1px solid #e4e4e4;
height: 26px;line-height: 26px;padding: 0 5px;border-radius: 3px;cursor: pointer;}
#showOrganization{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;height: auto;
overflow: hidden;width: 100%;background: #e6e6e6;box-shadow: inset 0px -1px 0 #dadbdc;padding: 0 10px;box-sizing: border-box;}
#showOrganization a {padding: 3px 8px;display: inline-block;width: auto;text-align: center;background: #fff;margin: 5px;
border-radius: 3px;font-size: 14px;color: #337ab7;}
#showOrganization a:hover{color: #FF9800;}
#showOrganization a.fontColor{background: #FF9800;color: #fff;}
.tree-list{padding: 0px;font-size: 12px;overflow: auto;height: calc(100vh - 40px);}

.contentRight{transition: all 0.3s ease;padding-right: 0px;padding-left: 0px;margin-right: auto;float: left;
width: calc(100% - 301px);height: 100vh;}
.oldContext {box-shadow: inset -10px 0 0 #ddd;background: #f5f5f5;overflow: auto;height: 100%;}
.old-title {padding: 9px 10px;font-size: 14px;color: #333;text-align: left;background: #fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}
button.close {-webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0;border: 0;}
.old-title span {background: #ddd;padding: 3px 8px;border-radius: 4px;}
#oldContext {padding: 10px 30px 10px 10px;min-height: 327px;line-height: 24px;}

.e-history {width: auto;margin: 20px;height: auto;overflow: hidden;}
.e-history h4 {text-align: left;font-size: 14px;color: #0078d7;padding: 10px 0;border-bottom: 1px solid #ddd;
margin-bottom: 10px;}
#history {border-left: 1px solid #ddd;margin-left: 10px;}
.new-box{position: relative;}
.new-title {padding: 10px 20px 8px 10px;font-size: 14px;color: #333;text-align: left; position: absolute;
left: 0;top: 0;z-index: 9999999999;}
.new-box .edui-default .edui-editor-toolbarboxouter {text-align: left;border-bottom: 1px solid #d4d4d4;
background-color: #fff;background-image: none; background-repeat: repeat-x;-webkit-border-radius: 0;
-moz-border-radius: 0;border-radius: 0;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#fff4f4f4', GradientType=0);
-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;padding:5px 30px 5px 60px;}

.new-title span {background: #00a4ff;color: #fff;padding: 3px 8px;border-radius: 4px;}
.imgTips {position: absolute;right: 20px;top: 8px;z-index: 99999999;font-family: 微软雅黑;color: #1e9fff;}

#bz {position: relative;height: auto;margin-right: 100px;}
.e-action {width: auto;margin: 0 20px;height: 40px;text-align: left;position: relative;}
#dfzd {position: relative;height: 40px;line-height: 40px;}
#zdstate{display: inline-block;color: #337ab7;}
.save-btn {float: right;margin-top: 10px;}
.clgl-15 {position: absolute;top: 130px;right: 115px;width: 400px;height: 250px;z-index: 1100;background-color: yellow;
border: 1px solid #FFCC66;border-radius: 5px;}
.clgl-15>div {padding: 8px;font-size: 14px;background: #fff700;color: #e09603;border-bottom: 1px solid #ffebc3;border-radius: 5px 5px 0 0;}
.note {width: 99%;height: 80%;background-color: yellow;border: 0px solid #FFCC66;outline: none;}
#groupBox {background-color: #eee;border-width: 0;border-style: solid;border-color: #e6e6e6;position: relative;margin-right: -100px;}
#groupBox p {text-align: left;padding: 10px;padding-left: 15px;padding-bottom: 0;color: #0078d7;font-size: 14px;font-weight: 900;}
#organizationContent {margin: 0 10px;display: flex;flex-wrap: wrap;justify-content: space-evenly;align-content: space-evenly;}
#organizationContent span, .groupBtn {cursor: pointer;display: inline-block;text-align: center;font-size: 14px;
width: 70px;height: 24px;line-height: 24px;background: #fff;border-radius: 3px;margin: 4px 2px;transition: all .3s ease;}
#organizationContent span.fontColor, .groupBtn.fontColor {background: #FF9800;color: #fff;}
#groupContent {background-color: #d8d8d8;border-radius: 0 0 5px 5px;border-top: 1px solid #eaeaea;padding: 5px 15px;}
#organizationContentEdit span, .groupBtn {cursor: pointer;display: inline-block;text-align: center;width: 70px;font-size: 14px;
height: 24px;line-height: 24px;background: #f8f8f8;border-radius: 3px;margin: 4px 2px;font-size: 14px;transition: all .3s ease;}
.groupBtn {background-color: #fff;}
.groupBtn:hover {color: #FF9800;cursor: pointer;}
#showGroupBox {display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;height: auto;overflow: hidden;
width: 100%;padding: 0 10px;}
#showGroupBox a {padding: 3px 5px;display: inline-block;width: auto;text-align: center;background: #f0ad4e;color: #fff;
margin: 5px;border-radius: 3px;font-size: 14px;}
#showGroupBox a:hover {background: #e28a0c;}
.check-btn {position: absolute;bottom: 10px;right: 15px;border:0;border-bottom: 1px solid #e6e6e6;background: #fff;height: 24px;
line-height: 24px;padding: 0 8px;border-radius: 3px;}
.addNote {float: right;margin: 6px 20px 3px;}
.new-box .edui-default.edui-editor-iframeholder {
    position: relative;
    min-height: 300px;
    max-width: 100%;
    min-width: 500px;
    margin: 0px auto 0;
    overflow: hidden;
    background-color: #fff;
    max-height: 1125px;
}

/*编辑的车站层*/
#groupBoxEdit {background-color: #fff;border-radius: 5px;position: absolute;top: 40px;left: 315px;width: 500px;
height: auto;z-index: 1000;box-shadow: 0 20px 80px #afafaf;display: none;}
#groupBoxEdit p {text-align: left;padding: 10px 15px;color: #0078d7;font-size: 14px;font-weight: 900;}
#organizationContentEdit {margin: 0 10px;display: flex;flex-wrap: wrap;justify-content: space-evenly;
align-content: space-evenly;}
#organizationContentEdit span, .groupBtn {cursor: pointer;display: inline-block;text-align: center;width: 70px;
font-size: 14px;height: 24px;line-height: 24px; background: #f8f8f8;border-radius: 3px;margin: 4px 2px;
transition: all .3s ease;}
#organizationContentEdit span.fontColor, .groupBtn.fontColor {background: #FF9800;color: #fff;font-size: 14px;}
#groupContentEdit {background: #eee;padding: 5px 16px;}
.groupBtn {background-color: #fff;}
.closeGroupBoxEdit {float: right;padding: 5px 20px;background: #00a4ff;border-radius: 3px;color: #fff;margin: 10px 20px;
cursor: pointer;}
.organizationBtn:hover {color: #FF9800;cursor: pointer;}


.new-box .edui-default.edui-editor-iframeholder{min-width: 300px;}


@media only screen and (max-width: 1500px) {
	.oldContext{display: none;}
	#newContext{width: 50% ;}
}
@media screen and (max-width: 992px){

    .layui-col-md8,#newContext {
        width:100%;
    }
}
@media screen and (min-width: 992px){

    .layui-col-md8,#newContext {
        width:70%;
    }
}

/*文档查看*/
.title-area {padding: 0 20px 0 40px;height: 40px;line-height: 40px;overflow: hidden;background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}
.title-area h3 {display: block;line-height: 40px;font-size: 14px;color: #333;float: left;padding-right: 10px;}
.title-area a {padding: 0px 10px;display: inline-block;font-size: 14px;float: right;color: #337ab7;}
#print {position: relative;min-height: 300px;width: 794px;margin: 40px auto;background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}

@media only screen and (max-width: 1500px) {
    .oldContext{display: none;}
    #newContext{width: 100%;}
}